<template>
  {{ result }}
  <el-input v-model="value" class="diceNum">
    <template #append>
      <el-button v-on:click="click"></el-button>
    </template>
  </el-input>
</template>

<script>
import dice from "@/js/util/dice"

export default {
  name: "LiteDice",
  data: function () {
    return {
      value: "",
      result: ""
    }
  },
  methods: {
    click: function () {
      this.result = dice.roll(this.value)
    }
  }
}
</script>

<style scoped>
</style>
